<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--<div class="container" style="width: 100%;margin: 0px;padding:0;border: none  ">--%>
<%--    <!--default默认主题 暗色调inverse-->--%>
<%--    <nav class="navbar navbar-default" style="background: #ddd;height: 50px">--%>
<%--        <div class="navbar-header col-md-1" style="margin-right:10px;">--%>
<%--            <a href="#" class="navbar-brand">悦知</a>--%>
<%--        </div>--%>
<%--        <div id="nav1" class="collapse navbar-collapse col-md-12">--%>
<%--            <ul class="nav navbar-nav">--%>
<%--                <!--active加深-->--%>
<%--                <li><a href="/yuezhi/index">首页</a></li>--%>
<%--                <li><a href="/yuezhi/Ware/bank" >题库广场</a></li>--%>
<%--                <li><a href="/yuezhi/comliper">在线编译</a></li>--%>

<%--                <li><a href="/yuezhi/parper/start">能力测试</a></li>--%>
<%--                <li><a href="/yuezhi/rank/load">排行榜</a></li>--%>


<%--                <li>--%>
<%--                        <c:if test="${sessionScope.user==null}">--%>
<%--                            <a href="/yuezhi/login/load" style="margin-left: 720px">登录</a>--%>
<%--                        </c:if>--%>
<%--                        <c:if test="${sessionScope.user!=null}">--%>
<%--                            <a href="/yuezhi/user/info"  style="margin-left: 720px">个人中心</a>--%>
<%--                        </c:if>--%>
<%--                </li>--%>
<%--            </ul>--%>
<%--            <!--搜索框-->--%>
<%--            <form action="" class="navbar-form navbar-right" >--%>
<%--                <input type="text" placeholder="搜索" class="form-control"/>--%>
<%--                <a class="btn btn-primary">搜索</a>--%>
<%--            </form>--%>
<%--        </div>--%>
<%--    </nav>--%>
<%--</div>--%>
<link rel="stylesheet" href="<%=request.getContextPath()%>/layui/css/layui.css"  media="all">
<div>
    <ul class="layui-nav layui-bg-black">
        <li class="layui-nav-item"><a href="" style="font-size: 20px">悦知</a></li>
        <li class="layui-nav-item" style="margin-left: 3%"><a href="/yuezhi/index">首页</a></li>
        <li class="layui-nav-item">
            <a href="/yuezhi/Ware/bank/1">题库</a>
<%--            <dl class="layui-nav-child">--%>
<%--                <dd><a href="">选项1</a></dd>--%>
<%--                <dd><a href="">选项2</a></dd>--%>
<%--                <dd><a href="">选项3</a></dd>--%>
<%--            </dl>--%>
        </li>
        <li class="layui-nav-item"><a href="/yuezhi/comliper">WEB - IDE</a></li>
        <li class="layui-nav-item">
            <a href="javascript:;">能力测试</a>
            <dl class="layui-nav-child" >
                <dd><a href="/yuezhi/parper/start/1">java</a></dd>
                <dd><a href="/yuezhi/parper/start/7" >mysql</a></dd>
                <dd><a href="/yuezhi/parper/start/9">python</a></dd>
                <dd><a href="/yuezhi/parper/start/6" >c/c++</a></dd>
                <dd><a href="/yuezhi/parper/start/11">web</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item"><a href="/yuezhi/rank/load">排行榜</a></li>
        <li class="layui-nav-item" lay-unselect=""style="float: right">

            <c:if test="${sessionScope.user==null}">
                <a href="/yuezhi/login/load"><img src="<%=request.getContextPath()%>/img/athor.jpg" class="layui-nav-img">登录</a>
            </c:if>
            <c:if test="${sessionScope.user!=null}">
            <a href="javascript:;"><img src="${sessionScope.user.usAvatar}" class="layui-nav-img">${sessionScope.user.usNickname}</a>
            <dl class="layui-nav-child">
                <dd><a href="/yuezhi/user/info" style="">个人中心</a></dd>
                <dd><a href="" onclick="loginout()">退出登录</a></dd>
            </dl>
            </c:if>
        </li>
    </ul>
</div>
<script src="<%=request.getContextPath()%>/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use('element', function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
        //监听导航点击
        element.on('nav(demo)', function(elem){
            //console.log(elem)
            layer.msg(elem.text());
        });
    });
    function loginout(){
        console.log(123)
        $.post("/yuezhi/login/loginout",{},function (){
            window.location.reload();
        });
        sessionStorage.removeItem("user")  //清除所有session值
    }
</script>


